<!--商品详情 2029375-->
<template lang="html">
	<div>
		
	  	<van-overlay :show="showOverlay" style="padding: 0 5%;" z-index="1000">
	  		 <img src="../../../../static/img/lanhu/53.png" alt="" style="display: block;width: 100%;"/>
	  	</van-overlay>		
		
		<van-nav-bar
		  class="head_top"	
		  :title="data.comName"
		>		
			<van-icon name="weapp-nav" slot="right" color="#333" size="20" @click="showShare"/>
	   </van-nav-bar>
	    <div class="wrap">
           <Floor1 :data="data" :lastAccesstime="lastAccesstime"></Floor1>
           <div class="m_desc">                           
             <div>{{data.comDesc}}</div>
           </div>
           
           <div class="select" v-if="goodsLabel.length>0">
           	 <span v-for="item in goodsLabel">{{item}}</span>
           </div>
           
           <div class="m_desc_img" style="margin-top: 10px;">
           	  <img :src="item" alt="" v-for="(item,index) in data.goodsImageList"/>
           </div>
           
           
           <div class="money" style="display: flex;justify-content: space-between;margin-top: 12px;padding-bottom: 14px;">
           	  <div class="cc">
           	  	<img src="../../../../static/img/lanhu/44.png" alt="" style="width: 13px;height: 13px;" v-if="data.money"/>
           	  	<span style="color: #FF9630;font-size: 13px;margin-left: 5px;" v-if="data.money">佣金奖励</span>
           	  </div>
           	  <div style="color: #999;font-size: 12px;">浏览 {{data.visits}}</div>
           </div>
	    </div>
	    
	    <!--<div style="height: 10px;background: #f2f2f2;"></div>
	    	    
	    <floor42 :data="data"></floor42>-->
	    
	    <div style="height: 10px;background: #f2f2f2;"></div>
	    
	    <floor22 ref="floor22" ></floor22>
	    
	    <!--<floor44 ref="floor44" :goodsList="goodsList" @selectGoods="selectGoods"></floor44>-->
	    
	    <div style="height: 60px;background: #f2f2f2;"></div>
	    
	    <div class="fixFooter">
	    	<div class="right">
	    		<div class='btn' @click="iWant">我想要</div>
	    	</div>
	    </div>
	    	    	    
	    <share ref="share" @login="showLogin=true" @register="showRegister=true"></share>
	    
		<!--登录弹框-->
		<van-popup
		  v-model="showLogin"
		  position="right"
		  round
		  closeable 
		  close-icon="close"
		  :style="{ height: '90%',width:'100%',top:'55%'}"
		>
		  <div class="s">
		  	  <div class="title">圈经济平台用户密码登录</div>
				<div class="inputWrap" :class="{active:inputActive==1}">
	              <input type="number" class="input" placeholder="请输入用户名" @focus="inputActive=1" v-model="userInfo.username"/>
	              <img src="../../../../static/img/lanhu/57.png" alt="" class="clear" @click="userInfo.username=''"/>
				</div>	
				<div class="inputWrap" :class="{active:inputActive==2}">
	              <input :type="loginPassword" class="input" placeholder="请输入密码" @focus="inputActive=2" v-model="userInfo.password"/>
	              <van-icon name="closed-eye" class="eye" color="#E5E5E5" @click="changeType"/>
				</div>	
				
				<div class="register" @click="showRegister=true">注册并购买</div>				
				<div class="login" @click="login">
					<van-button color='#10B992' block style="border-radius: 30px;" :loading="loginLoading">
						<span style="color: #fff;">登录并购买</span>
					</van-button>
				</div>
		  </div>
		</van-popup>
		
		<!--用户注册弹框-->
		<van-popup
		  v-model="showRegister"
		  position="right"
		  round
		  :style="{ height: '90%',width:'100%',top:'55%'}"
		>
		 <div class="t">
	         <div class="header">
	         	<div @click="showRegister=false"><img src="../../../../static/img/lanhu/58.png" alt="" /></div>
	         	<div @click="showRegister=false"><van-icon name="close" color="#999" size="22"/></div>
	         </div>
	         <div class="t_1">
	         	 <div>用户注册</div>
	         </div>
         
	         <div class="t_2">
				<div class="inputWrap" :class="{active:inputActive==3}">
	              <input type="number" class="input" placeholder="请输入您的手机号" 
	              	@focus="inputActive=3" v-model="registerInfo.mobile"/>
	              <img src="../../../../static/img/lanhu/59.png" alt="" class="clear" @click="registerInfo.mobile=''"/>
				</div>	
				<div class="inputWrap" :class="{active:inputActive==4}">
	              <input type="password" class="input" placeholder="请输入您的密码" @focus="inputActive=4" 
	              	v-model="registerInfo.passwd"/>
	              <img src="../../../../static/img/lanhu/59.png" alt="" class="clear" @click="registerInfo.passwd=''"/>
				</div>	
				<div class="inputWrap" :class="{active:inputActive==5}">
	              <input type="password" class="input" placeholder="请再次输入您的密码" @focus="inputActive=5"
	              	v-model="registerInfo.passwdAgain"/>
	              <img src="../../../../static/img/lanhu/59.png" alt="" class="clear" @click="registerInfo.passwdAgain=''"/>
				</div>	
				<div class="inputWrap2" :class="{active:inputActive==6}">
	              <input type="number" v-model="registerInfo.sign" class="input2" placeholder="请输入验证码" @focus="inputActive=6"/>
	              <span class="yzm" @click="getYzm" v-show="canSend">{{yzmTitle}}</span>
	              <span style="color: #10B992;" v-show="!canSend">{{timer1}}<span>s</span></span>	             
				</div>	
				<div class="yqm" v-if="userInfo.invitationCode">
					<span>邀请码:</span>
					<span style="margin-left: 8px;">{{userInfo.invitationCode}}</span>
				</div>
							
				<div class="xy" @click="agree">
					<span class="radio" :class="{active:agreeRadio==1}">
						<div class="point" :class="{active:agreeRadio==1}"></div>
					</span>				
					<span>我同意并阅读</span>
					<span style="color: #10B992;" @click="agreement">《圈经济用户注册协议》</span>			
				</div>						
				<van-button  size="large" color="#10B992" :loading="registerLoading"  class="registerBtn" @click="register">
					<span style="color: #fff;">注册并购买</span>
				</van-button>
	         </div>       
		  </div>		  
		</van-popup>		
	    
        <!--协议弹窗-->
		<van-popup
		  v-model="showPopupAgreement"
		  position="right"
		  :style="{ height: '100%',width:'100%' }"
		  class="ht"
		  :overlay="false"
		>
			<van-nav-bar>
				<div slot="title" class="ht_title">注册协议</div>
				<div slot="left" style="display: flex;justify-content: center;align-items: center;">
				 	<van-icon name="arrow-left" color="#666666" size="20" @click="showPopupAgreement=false"/>
				</div>
			</van-nav-bar>
			<div class="container">
                <agreement></agreement>
			</div>
		</van-popup>
		
        <!--地址弹窗-->
		<van-popup
		  v-model="addressAdd"
		  position="right"
		  :style="{ height: '100%',width:'100%' }"
		  :overlay="false"
		>
			<van-nav-bar>
				<div slot="title" class="ht_title">设置默认地址</div>
				<div slot="left" style="display: flex;justify-content: center;align-items: center;">
				 	<van-icon name="arrow-left" color="#666666" size="20" @click="addressAdd=false"/>
				</div>
			</van-nav-bar>
			<div class="container">
                <addressAdd :memberId="userInfo.userId" @addSuccess="addSuccess"></addressAdd>
			</div>
		</van-popup>		
	</div>

</template>                                                                

<script>
import md5 from 'js-md5'
import agreement from '_c/market/share/agreement.vue'
import Floor1 from '_c/market/share/floor01.vue'
import Floor22 from '_c/market/share/floor22.vue'
import Floor44 from '_c/market/share/floor44.vue'
import share from '_c/market/share/more.vue'
import addressAdd from '_c/market/share/addressAdd.vue'
import { openApp } from '@/api/openApp'
import { BrowserInfo } from '@/api/BrowserInfo'
let Browser = BrowserInfo()
import { apiUrl } from '@/api/apiUrl'
let api=apiUrl()
import {getFun} from '@/api/publicFun.js'	 
let publicFun=getFun()
export default {
	name: 'GoodsDetail',	
	components: {
	    Floor1,share,Floor22,Floor44,agreement,addressAdd
	},	
	data() {
       return {   
       	    loginLoading:false,
       	    addressAdd:false,   // 显示添加默认地址弹框
       	    showOverlay:false,         // 显示遮罩层 
            url1:this.$api+'/marketorderservice/api/v1/market/marketRelease/goods', // 请求商品详情的接口
       	    url6:this.$api+'/marketorderservice/api/v1/market/marketRelease/sortGoodsList',   // 搜索地址
       	    url3:this.$api+'/marketorderservice/api/v1/market/marketRelease/addShareOrders',  // 生成订单  
       	    url7:this.$api+'/userservice/api/v1/sms/sendValidateCode', // 获取手机验证码
            url2:this.$api+'/updatecgr/v1', // 注册接口       	     	    
       	    url13:this.$api+'/auth/api/v1/shopRelease/shopLogin',  // 获取用户token
       	    url4:this.$api+'/marketorderservice/api/v1/market/marketRelease/getIsDefaultAddress',  // 获取用户的默认地址
            data:{},
            lastAccesstime:'',
            goodsLabel:[],
       	    userId:'',     // 发布者的用户ID
       	    comId:'',       // 商品ID       	 
       	    userInfo:{}, // 用于绑定当前用户信息
       	    comUid:'',    // 发布者用户ID
            goodsList:[],
            showLogin:false, // 显示登录弹框
            showRegister:false, // 显示注册弹框
            showPopupAgreement:false,  // 显示注册协议弹框
            inputActive:0,   // 用于绑定点击点击输入框后样式变绿
            userInfo:{
	    	  	username:'',             // 用户名
	    	  	password:'',             // 登录密码
	    	  	userId:'',               // 用户ID
	    	  	invitationCode:'',       // 邀请码
	    	  	token:''            	
            },
	    	registerInfo:{             // 注册字段
			  "sign" : "",             // 手机验证码
			  "mobile" : "",           // 手机号码
			  "cmd" : "Register",      // 接口名称，写死的
			  "passwd" : "",           // 密码
			  "passwdAgain":''         // 再次输入密码
	    	},            
            loginPassword:'password',  // 绑定登录弹框下输入框类型  
            canSend:true,              // 是否能够发送验证码
            yzmTitle:'点击获取验证码',   // 验证码标题
            timer1:60,                 // 记录可再次发送验证码的时间 
            agreeRadio:1,              // 用于绑定是否同意注册协议
            registerLoading:false,     // 注册是否在加载中            
            loginUserId:'',
            userName:'',
            password:''
       }
	},
	methods: {
		reload(){
			window.location.href+='&loginUserId='+this.userInfo.userId+'&userName='+this.userInfo.username+'&password='+md5(md5(this.userInfo.password))
		},
		// 添加默认地址成功
		addSuccess(){
			this.addressAdd=false
			this.reload()
		},
		// 选择产品
		selectGoods(comId){	
		   // openApp(api.AndroidDetail+str,api.IphoneDetail+str,function(){window.location.href="http://mmds.mingsdai.com/downLoad.html"})  
		},
        // 生成订单		
		buy(){		   	
//		   let params={
//			  "goodsId": this.comId,
//			  "tuserId": this.userId,
//			  "userId": this.userInfo.userId
//		   }
//		   let str='/market/goods/detail'+'&commonId='+this.comId+'&type=1&username='+this.userInfo.username+'&password='+md5(md5(this.userInfo.password))+'&userId='+this.userInfo.userId
//		   let str2='?type=1&username='+this.userInfo.username+'&password='+md5(md5(this.userInfo.password))+'&userId='+this.userInfo.userId+'&url='
//		   let str3='http://'+Browser.apiUrl+'/market/goods/detail?userId='+this.userInfo.userId+'&comId='+this.comId
//		   str3=encodeURIComponent(str3)
//	  	   this.$Axios3.Post(this.url3,params).then(res=>{ 	  	
//		   })
//          openApp(api.AndroidIndex+str,api.IphoneIndex+str2+str3,function(){window.location.href="http://mmds.mingsdai.com/downLoad.html"})	  	   
		},
		// 我想要
		iWant(){
			if(this.loginUserId){			  
			   let str='/market/goods/detail'+'&commonId='+this.comId+'&type=1&username='+this.username+'&password='+this.password+'&userId='+this.loginUserId
			   let str2='?type=1&username='+this.username+'&password='+this.password+'&userId='+this.loginUserId+'&url='
			   let str3='http://'+Browser.apiUrl+'/market/goods/detail?userId='+this.loginUserId+'&comId='+this.comId
			   str3=encodeURIComponent(str3)
			   let params={
				  "goodsId": this.comId,
				  "tuserId": this.userId,
				  "userId": this.loginUserId
			   }
			   this.$Axios3.Post(this.url3,params).then(res=>{ 
			   })
               openApp(api.AndroidIndex+str,api.IphoneIndex+str2+str3,function(){window.location.href="http://mmds.mingsdai.com/downLoad.html"})
			}	
	        else{
				this.$toast('请先登录')
				this.showLogin=true		
			}
		},
		// 注册功能
	  	register(){  
	  		// 验证手机号码格式
	  		let reg=/^1[3456789]\d{9}$/
	  		if(!reg.test(this.registerInfo.mobile)){
	  			this.$toast('请输入正确的手机号');
	  			return false
	  		}
	  		// 验证密码
	  		if(!this.registerInfo.passwd){
	  			this.$toast('请输入正确的用户密码');
	  			return false
	  		}  			  		
	  		// 验证2次密码是否一致
	  		if(this.registerInfo.passwd!=this.registerInfo.passwdAgain){
	  			this.$toast('两次密码输入不一致');
	  			return false  			
	  		}
	  		// 验证协议是否同意
	  		if(this.agreeRadio!=1){
	  			this.$toast('请同意圈经济用户协议');
	  			return false  	  			
	  		}
	  		if(!this.registerInfo.sign){
	  			this.$toast('请输入验证码');
	  			return false  	    			
	  		}
	        this.registerLoading=true
	        let str="?sign="+this.registerInfo.sign+"&mobile="+this.registerInfo.mobile+"&cmd=Register&passwd="+md5(md5(this.registerInfo.passwd)) 
	        let url=this.url2+str
	        let that=this
	        this.$Axios4.Get(url).then(res=>{ 
	            that.registerLoading=false
	            // 注册成功
	            if(res.responseCode==100){
	               that.$toast('注册成功')		               
	         	   that.userInfo.userId=res.data.nUid
	         	   that.userInfo.password=that.registerInfo.passwd
	         	   that.userInfo.username=that.registerInfo.mobile
	         	   // 判断是否有邀请码 如果有邀请码就要绑定上级
		           if(that.userInfo.invitationCode){
		         	 	 let str=that.url2+'?cmd=InviteCode&memberId='+that.userInfo.userId+'&inviteCode='+that.userInfo.invitationCode
		         	 	 that.$Axios3.Get(str).then(result=>{ 
		         	 	 	 if(result.responseCode!=100){
		         	 	 	 	alert('注册成功,但绑定邀请码失败,'+result.messageList[0].message)  
		         	 	 	 	return false
		         	 	 	 }  		         	 	 	 
		         	 	 	 that.checkAddress()
		         	 	 })
		         	}
		            else{
                        that.checkAddress()
		         	}
	            }
	            else{
	               if(res.messageList[0]){
	               	 that.$toast(res.messageList[0].message)
	               }else{
	               	 that.$toast('注册失败')
	               }
	         	   
	            }
			})	
	  	},		
	  	agreement(){
	  		this.showPopupAgreement=true
	  	},		
	  	// 点击注册协议
	  	agree(){
	  		if(this.agreeRadio==0){
	  			this.agreeRadio=1
	  		}else{
	  			this.agreeRadio=0
	  		}
	  	},		
	  	// 点击获取验证码
	  	getYzm(){
	  		// 验证手机号码格式
	  		let reg=/^1[3456789]\d{9}$/
	  		if(!reg.test(this.registerInfo.mobile)){
	  			this.$toast('请输入正确的手机号');
	  			return false
	  		}
	  		let params={
	  			"mobile": this.registerInfo.mobile
	  		}
	  		this.canSend=false
	  		let that=this
	  		this.$Axios3.Post(this.url7,params).then(res=>{ 
				if(res.responseCode==100){
					that.$toast('验证码发送成功,有效时间1分钟');
					that.mobileCode=res.data.code
					that.timing()
				}else{
	  			that.$toast('验证码发送失败');
	  			return false					
				}
			})	    		
	  	},	
	  	timing(){
	  		let that=this
	  		let timer=setInterval(function(){
	  			if(that.timer1==0){
	  				clearInterval(timer)
	  				that.timer1=60
	  				that.canSend=true
	  			}else{
	  				that.timer1--
	  			}
	  		},1000)
	  	},	  	
		// 登录并购买
		login(){
			this.loginLoading=true
	  		if(!this.userInfo.username){
	  		  this.$toast('请输入用户名');
	  			return false
	  		}
	  		if(!this.userInfo.password){
	  			this.$toast('请输入用户密码');
	  			return false
	  		}	  		
	  		let params={
			  "loginType": "3",
			  "password": md5(md5(this.userInfo.password)),
			  "username": this.userInfo.username,
			  "equipmentNo":"H5"+this.userInfo.username
	  		}	  			  		
	  		let that=this
			this.$Axios4.Post(this.url13,params).then(res=>{ 
			  if(res.responseCode!=100){
			  	that.loginLoading=false
				that.$dialog.alert({
				  message: res.messageList[0].message,
				}).then(() => {}); 			  	
			  }else{
				  if(res.data.userId){			  	  			  	
				      	that.$toast('登录成功')
			         	that.userInfo.userId=res.data.userId
			         	that.checkAddress()				      		  	
				  }else{
				  	that.loginLoading=false
				  	that.$toast('用户ID不存在')
				  }			  	
			  }

			})  			
		},
		// 查询用户是否有默认的收货地址
		checkAddress(){
			let that=this
			this.$Axios3.Get(this.url4+'/'+that.userInfo.userId).then(res=>{ 	
                if(res.data){
                	that.reload()
                }else{
                	that.addressAdd=true
                }
			})
		},
		
		
	  	// 改变密码框类型
	  	changeType(){
	  		if(this.loginPassword=="password"){
	  			this.loginPassword="test"
	  		}else{
	  			this.loginPassword="password"
	  		}
	  	},		
		showShare(){
			this.$refs.share.show()
		},
	    edit(){	    	
	    	let arg='[{"comId":"'+this.comId+'"}]' 
	    	this.link('/market/goods/release',arg)
	    },
	    // 获取详情信息
	    getData(){
	      	let that=this	      	
		    this.$Axios3.Get(this.url1+'/'+this.comId+'/'+this.userId)
		    .then(function(res) {
		       let categoryId=res.data.categoryId
               that.data=res.data;
               if(res.data.lastAccesstime){
               	   that.lastAccesstime=that.timeago(res.data.lastAccesstime)
               }
               if(res.data.goodsLabel){
               	   that.goodsLabel=res.data.goodsLabel.split(',')
               }
               that.goodsIsPraise=res.data.goodsIsPraise
               that.goodsIsCollection=res.data.goodsIsCollection
               let params={
				  "categoryId": categoryId,
				  "comId": that.comId,
				  "limitCount": 30
				}               	               
               that.$Axios3.Post(that.url6,params).then(function(result) {
               	 that.goodsList=result.goodsList
               })
		    })		    	
	    },	 	    
	},
	mixins:[publicFun],//混入
	mounted() {
		this.comId=this.$router.currentRoute.query.comId;
		this.userId=this.$router.currentRoute.query.userId;
		this.userInfo.invitationCode=this.$router.currentRoute.query.invitationCode
		this.loginUserId=this.$router.currentRoute.query.loginUserId
		this.username=this.$router.currentRoute.query.userName
		this.password=this.$router.currentRoute.query.password
//		if(this.loginUserId){
//		   let str='/market/goods/detail'+'&commonId='+this.comId+'&type=1&username='+this.username+'&password='+this.password+'&userId='+this.loginUserId
//		   let str2='?type=1&username='+this.username+'&password='+this.password+'&userId='+this.loginUserId+'&url='
//		   let str3='http://'+Browser.apiUrl+'/market/goods/detail?userId='+this.loginUserId+'&comId='+this.comId
//		   str3=encodeURIComponent(str3)
//		   openApp(api.AndroidIndex+str,api.IphoneIndex+str2+str3,function(){window.location.href="http://mmds.mingsdai.com/downLoad.html"})
//		}		
		this.getData()	
	  	let wx=navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1
	  	if(wx){
	  	   this.showOverlay=true    
	  	}		
	}
}
</script>

<style scoped lang="scss">
*{box-sizing: border-box;}
.wrap{padding: 10px 15px;margin-top: 50px;}
.van-nav-bar__title{font-weight: bold;}
.m_desc{font-size: 14px;margin-bottom: 10px;line-height: 1.6;}
.m_desc_img>img{width: 100%;display: block;border-radius:10px;margin-bottom: 5px;}

.cc{display: flex;justify-content: center;align-items: center;}


.inputBox{position: fixed;bottom: 0;left: 0;
height: 50px;box-sizing: border-box;
z-index: 200;width: 100%;}
.inputBox .boxWrap{width: 100%;
background: #fff;display: flex;padding: 10px 5px;}
.i1{width: 30px;height: 30px;display: flex;
justify-content: center;align-items: center;}
.icon{color: #888;}
.i2{width: 38px;height: 30px;padding-left: 8px;}
.i2>img{display: block;width: 30px;height: 30px;border-radius: 4px;}
.i3{flex: 1;padding-left: 8px;}
.i4{padding-left: 8px;}
.send{border-radius:4px;background:#FFD630;display: inline-block;padding: 9px 15px}
.sendInput{height: 30px;border:none;border-radius: 10px;padding-left: 10px;
width: 100%;background: #fff;}
.fixFooter{position: fixed;height: 50px;background: #fff;width: 100%;bottom: 0;left: 0;padding: 0 15px;display: flex;align-items: center;
   .left{display:flex;width:70%;align-items:center;
   .left-item{margin-right: 16px;}
   .icon{width: 13px;height: 13px;margin-right: 5px;}   
   }
   .right{flex: 1;display: flex;align-items: center;justify-content: flex-end;
      .btn{padding: 6px 15px;background: #FFD630;border-radius: 20px;}
   }
}

.popupWrap{width: 300px;background: #fff;font-size: 15px;}
.select{padding: 10px 0;display: flex;flex-wrap: wrap;
   span{background: #E5E5E5;color: 333;font-size: 12px;padding: 7px 15px;margin-right: 10px;border-radius: 20px;margin-bottom: 5px;}
}


.s{padding: 42px 30px 0;font-size: 16px;
  .title{font-size: 20px;font-weight: bold;margin-bottom: 40px;}
  .inputWrap{border-bottom: 1px solid #fff;padding: 15px 6px;position: relative;
      .clear{position: absolute;top: 19px;right: 8px;width: 16px;height: 16px;}
      .eye{position: absolute;top: 19px;right: 8px;width: 16px;height: 16px;}
  }
  .inputWrap.active{border-bottom: 1px solid #10B992;}
  .input{width: 90%;border:none;color: #333;}
	input::-webkit-input-placeholder{
	    color:#CCCCCC;
	}
	input::-moz-placeholder{
	    color:#CCCCCC;
	}
	input:-moz-placeholder{
	    color:#CCCCCC;
	}
	input:-ms-input-placeholder{
	    color:#CCCCCC;
	} 
	.register{font-size: 14px;color: #666;margin-top: 20px;text-align: right;} 
	.login{margin-top: 20px;}
	.direct{background: #10B992;color: #fff;text-align: center;padding: 13px 0;border-radius: 30px;margin-top: 20px;}
}

.t{padding: 10px 15px;font-size: 16px;
   .header{display:flex;justify-content: space-between;
   	img{width: 20px;height: 20px;display: block;}
   } 
    .t_1{margin-top: 13px;font-size: 20px;font-weight: bold;}  
    .t_2{margin-top: 8px;}
    .yqm{padding: 15px 6px;color: #10B992;border-bottom: 1px solid #e9e9e9;}
    .xy{text-align: center;font-size: 14px;margin-top: 20px;
       .radio{width: 14px;height: 14px;border-radius: 50%;display: inline-block;border:1px solid #ccc;
       vertical-align: -2px;margin-right: 5px;position: relative;
         .point{width: 8px;height: 8px;background: #ccc;position: absolute;top: 0px;left: 0px;bottom: 0;right:0;margin: auto;}
         .point.active{background: #10B992;}
       }
       .radio.active{border:1px solid #10B992;}
    }
    .inputWrap2{display: flex;border-bottom: 1px solid #e9e9e9;padding: 15px 6px;position: relative;align-items: center;justify-content: space-between;
       .input2{width: 50%;border:none;color: #333;font-size: 16px;}
       .yzm{color: #10B992;}
    }    
	  .inputWrap{border-bottom: 1px solid #e9e9e9;padding: 15px 6px;position: relative;
	      .clear{position: absolute;top: 19px;right: 8px;width: 16px;height: 16px;}	      
	  }
	  .t_3{display: flex;justify-content: space-between;padding: 15px 6px 15px;border-bottom: 1px solid #e9e9e9;align-items: center;}
	  .font2{color: #10B992;font-size: 13px;}
	  .inputWrap.active{border-bottom: 1px solid #10B992;}   
	  .inputWrap2.active{border-bottom: 1px solid #10B992;} 
	  .input{width: 90%;border:none;color: #333;font-size: 16px;}
	  .search{border-radius: 66px;padding: 6px 20px;background: #10B992;color: #fff;position: absolute;right: 8px;top: 8px}
	  .point{width:11px;height: 11px;border-radius: 50%;background: #CCC;display: inline-block;}
	  .point.active{background: #10B992;}
		input::-webkit-input-placeholder{
		    color:#CCCCCC;
		}
		input::-moz-placeholder{
		    color:#CCCCCC;
		}
		input:-moz-placeholder{
		    color:#CCCCCC;
		}
		input:-ms-input-placeholder{
		    color:#CCCCCC;
		}	  
		.tips{font-size: 12px;color: #999;padding: 10px 0 20px;}
		.buyBtn{border-radius: 43px;}
		.registerBtn{border-radius: 43px;margin-top: 20px;}
}
.van-popup--right.van-popup--round {
    border-radius: 20px 20px 0 0px;
}
</style>